<template>
    <div>
      <!--   头部-->
      <Header/>
      <div style="display: flex">
        <!--     //左侧菜单栏-->
        <Aside/>
        <!--     内容-->
        <Home/>
      </div>
<!--  <el-container>-->
<!--    <el-header>-->
<!--      <Header/>-->
<!--    </el-header>-->
<!--    <el-aside>-->
<!--      <Aside/>-->
<!--    </el-aside>-->
<!--    <el-main>-->
<!--      <router-view></router-view>-->
<!--    </el-main>-->
<!--  </el-container>-->
    </div>
</template>

<script>
  import Header from './Header'
  import Aside from './Aside'
  import Home from './Home'

  export default {
    name: 'main',
    components: {
      Header,
      Aside,
      Home
    }
  }
</script>

<style scoped>
  /*.main{*/
  /*  margin: 0;*/
  /*  padding: 0;*/
  /*  box-sizing: border-box;*/
  /*}*/
</style>
